<template>
    <div class="mymusic clearfix">
        <div class="header"></div>
        <NotLoggedIn v-if="cookie == undefined"></NotLoggedIn>
        <Logged v-else></Logged>
    </div>
</template>

<script>
    import NotLoggedIn from './NotLoggedIn'
    import Logged from './Logged'
    export default {
        name: "mymusic",
        components:{NotLoggedIn,Logged},
        computed:{
            cookie(){
                return localStorage.getItem('COOKIE');
            }
        }
    }
</script>

<style scoped lang = "less">
    .mymusic{
        margin-top: 70px;
        .header{
            width: 100%;
            height: 5px;
            background-color: #C20C0C;
            position: fixed;
            z-index: 90;
        }
    }

</style>